<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>index</title>
    <link rel="stylesheet" href="./CSS/index.css">
    <link rel="stylesheet" href="./CSS/public.css">
    <script src="./JS/jq.js"></script>
    <script src="./js/public.js"></script>
    <script src="./js/index.js"></script>
</head>
<body>
    <header>
        <div class="logo">
            <img src="./image/index/logo.jpg">
        </div>
        <div class="my">
            <img src="./image/index/my.jpg">
        </div>
        <div class="xiazai">
            <img src="./image/index/xiazai.jpg">
        </div>
    </header>
    <main>
        <div class="banner">
            <input type="search" class="search" placeholder="输入小区或商圈名开始找房咯！">
        </div>
        <nav>
            <ul>
                <li>二手房</li>
                <li>新房</li>
                <li>租房</li>
                <li>卖房</li>
            </ul>
        </nav>
        <div class="new">
            <img src="./image/index/banner2.png">
        </div>
        <div class="hot">
            <div class="hot-title">
                <h1>
                    热门房源<br>
                    Hot house
                </h1>
            </div>
            <div class="hot-content">
                <ul>
                    <li>
                        <div class="img">
                            <img src="./image/index/img1.jpg">
                        </div>
                        <div class="word">
                            <h5>文化部中间层 一层带...</h5>
                            <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">1105万</span></p>
                            <p class="deco2"><span class="deco2-left">红庙北里</span> <span class="deco2-right">14268元/平</span></p>
                            <div class="deco3"><span>学区房</span><span>独家</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./image/index/img2.png">
                        </div>
                        <div class="word">
                            <h5>光大水墨 精装复式...</h5>
                            <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">280万</span></p>
                            <p class="deco2"><span>光大水墨 </span><span>14268元/平</span></p>
                            <div class="deco3"><span>学区房</span><span>独家</span><span>满五唯一</span></div>
                        </div>
                    </li>
                    <li>
                        <div class="img">
                            <img src="./image/index/img3.png">
                        </div>
                        <div class="word">
                            <h5>南北通透两居 精装修...</h5>
                            <p class="deco1"><span class="deco1-left">2室一厅96㎡南北 </span><span class="deco1-right">320万</span></p>
                            <p class="deco2"><span class="deco2-left">北京新天地</span> <span class="deco2-right">14268元/平</span></p>
                            <div class="deco3"><span>地铁房</span><span>独家</span></div>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div class="link">
            <div class="title">
                <h3 class="h3-1">热门关注</h3>
                <h3 class="h3-2">友情链接</h3>
            </div>
            <div class="link-content" >
                <ul class="link-content-ul-1-1">
                    <li>北京二手房</li>
                    <li>北京二手房价</li>
                    <li>海淀日租房</li>
                    <li>朝阳新房</li>
                </ul>
                <ul class="link-content-ul-1-2">
                    <li>北京找房无忧</li>
                    <li>青年家园</li>
                    <li>免税房源</li>
                    <li>满五年唯一免税</li>
                </ul>
            </div>
            <div class="link-content" >
                <ul class="link-content-ul-2-1" hidden>
                    <li>北京找房无忧</li>
                    <li>青年家园</li>
                    <li>免税房源</li>
                    <li>满五年唯一免税</li>
                </ul>
                <ul class="link-content-ul-2-2" hidden>
                    <li>北京二手房</li>
                    <li>北京二手房价</li>
                    <li>海淀日租房</li>
                    <li>朝阳新房</li>
                </ul>
            </div>
        </div>
    </main>

    <footer>
        <div class="footer-title">
            北京找房无忧 > 首页
        </div>
        <div class="footer-content">
            <div class="footer-content-left">
                <img src="./image/index/apple.png">
                iPhone<br>
                客户端
            </div>
            <div class="footer-content-right">
                <img src="./image/index/android.png">
                Android <br>
                客户端
            </div>
            <div class="footer-content-bottom"> 
                <p>北京找房无忧房地产经纪公司</p>
                <p>网络经营许可证京ICP备20160812号</p>
            </div>
        </div>
    </footer>
    <aside>
        <img src="./image/index/close.png" class="close">
        <div class="aside-left">
            <img src="./image/index/download.png">
        </div>
        <div class="aside-center">
            找房无忧<br>
            市场行情，一手掌握！
        </div>
        <div class="aside-right">
            免费下载
        </div>
    </aside>
</body>
</html>
